<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="test.css" />

    <style>
      p {
        background-color: #ccc;
      }

      .float {
        float: left;
        font-weight: bold;
        width: 200px;
        border: 2px dotted black;
        padding: 10px;
        /* display: inline; */
      }
    </style>
  </head>
  <body>
    <!--[if lt IE 7]>
      <p class="browsehappy">
        You are using an <strong>outdated</strong> browser. Please
        <a href="#">upgrade your browser</a> to improve your experience.
      </p>
    <![endif]-->

    <div class="box">
      <div class="float">I am a floated box!</div>
      <p>
        One November night in the year 1782, so the story runs, two brothers sat over their winter
        fire in the little French town of Annonay, watching the grey smoke-wreaths from the hearth
        curl up the wide chimney. Their names were Stephen and Joseph Montgolfier, they were
        papermakers by trade, and were noted as possessing thoughtful minds and a deep interest in
        all scientific knowledge and new discovery.
      </p>
      <p>
        Before that night—a memorable night, as it was to prove—hundreds of millions of people had
        watched the rising smoke-wreaths of their fires without drawing any special inspiration from
        the fact.”
      </p>
    </div>
  </body>
</html>
